﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title></title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
	    <!--<link rel="stylesheet" type="text/css" href="style.css"/>-->
        <style type="text/css">
            * {margin:0; padding:0;}

            html {
	            font: 90%/1.3 arial,sans-serif;
	            padding:1em;
	            background:#fafafa;
            }
            form {
	            background:#fff;
	            padding:1em;
	            border:1px solid #eee;
            }
            .login {
	            background:url(../img/user.gif) no-repeat 98% 1em;
            }
            .contact {
	            background:url(../gfx/email2.gif) no-repeat 95% 1em;
            }
            fieldset div {
	            margin:0.3em 0;
	            clear:both;
                width: 343px;
            }
            form {
	            margin:1em;
	            width:27em;
            }
            label {
	            float:left;
	            width:10em;
	            text-align:right;
	            margin-right:1em;
            }
            legend {
	            color:#0b77b7;
	            font-size:1.2em;
            }
            legend span {
	            width:10em;
	            text-align:right;
            }
            input {
	            padding:0.15em;
	            width:10em;
	            border:1px solid #ddd;
	            background:#fafafa;
	            font:bold 0.95em arial, sans-serif;
	            -moz-border-radius:0.4em;
	            -khtml-border-radius:0.4em;
            }
            input:hover, input:focus {
	            border-color:#c5c5c5;
	            background:#f6f6f6;
            } 
            fieldset {
	            border:1px solid #ddd;
	            padding:0 0.5em 0.5em;
            }
            .date input {
	            background-image:url(../gfx/calendar-small.gif);
	            background-repeat:no-repeat;
	            background-position:100% 50%;
            }

            .date fieldset label {
	            float:none;
	            display:block;
	            text-align:left;
	            width:auto;
            }
            .date fieldset div {
	            float:left;
	            clear:none;
	            margin-right:0.2em;
            }
            .radio, .date {
	            position:relative;
            }
            .radio fieldset, .date fieldset {
	            border:none;
	            width:auto;
	            padding:1px 0 0 11em;
            }
            .radio legend, .date legend {
	            font-size:1em;
	            color:#000;
            }
            .radio legend span, .date legend span {
	            position:absolute;
	            left:0;
	            top:0.3em;
	            width:10em;
	            display:block;
            }
            .radio label, .radio input {
	            vertical-align:middle;
	            display:inline;
	            float:none;
	            width:auto;
	            background:none;
	            border:none;
            }
            .radio div {
	            float:left;
	            white-space:nowrap;
	            clear:none;
            }

            .email {
	            width:14em;
            }

            input.default {
	            color:#bbb;
            }
        </style>
</head>
	<body>
	<div align="center"> 
            <h1> Username Registration</h1> 
    </div>
    <p>Hello , </p> 
    <p>Please Enter details:</p>
    
    <form action ="http://localhost:8080" method="get">        
        <fieldset class="login"> 
		    <legend>Login Details</legend> 
		    <div> 
			    <label for="username">Username</label> <input type="text" id="username" name="username"/>  
		    </div> 
		    <div> 
			    <label for="password">Password</label> <input type="password" id="password" name="password"/> 
		    </div> 
            <div> 
			    <input ="fb" type="hidden" name="fb" id="fb" value="0"/> 
		    </div> 
            <div align="center"><font color="red"></font>
            </div> 
	    </fieldset>                
		<div><button type="submit" id="submit_go">Submit</button></div>
    </form> 
	</body>
</html>